<template>
    <div class="computer">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="设备配置" name="first">
                <Equipment />
            </el-tab-pane>
            <el-tab-pane label="数字量配置" name="second">
                <Figure />
            </el-tab-pane>
            <el-tab-pane label="模拟量配置" name="third">
                <Simulate />
               </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import Equipment from './computer/equipment.vue'
import Figure from './computer/figure.vue'
import Simulate from './computer/simulate.vue'
// import Check from './computer/Check.vue'
export default {
    name: 'computer',
    data() {
        return {
            activeName: 'first',
            formInline: {
                user: '',
                region: '',
                date1: '',
                date2: '',
            },
        };
    },
    components: { Equipment,Figure,Simulate},

    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        },
    }
};
</script>

